<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('新增站点')" />
    <th:block th:include="include :: datetimepicker-css" />
</head>
<body>

    <div class="main-content">
        <form class="form-horizontal" id="form-app-add">
        	<h4 class="form-header h4">基本信息</h4>
        	<div class="row">
	        	<div class="col-sm-6">
	        		<div class="form-group">    
		                <label class="col-sm-3 control-label is-required">站点名称 <a  data-toggle="tooltip" title="<h4>提示</h4><p>{cms:global.name}</p>" data-html="true" data-trigger="hover" data-container = "body"><i class="fa fa-question-circle"></i></a>：</label>
		                <div class="col-sm-8">
		                    <input name="appName" class="form-control" type="text" required>
		                </div>
		            </div>
	        	</div>
	        	<div class="col-sm-6">
	        		<div class="form-group">    
		                <label class="col-sm-3 control-label is-required">站点域名：</label>
		                <div class="col-sm-8">
		                    <input name="appUrl" class="form-control" type="text" required>
		                </div>
		            </div>
	        	</div>
        	</div>
        	<div class="row">
	        	<div class="col-sm-6">
	        		<div class="form-group">    
		                <label class="col-sm-3 control-label ">备案号<a  data-toggle="tooltip" title="<h4>提示</h4><p>{cms:global.recordno}</p>" data-html="true" data-trigger="hover" data-container = "body"><i class="fa fa-question-circle"></i></a>：</label>
		                <div class="col-sm-8">
		                    <input name="appRecordNo" class="form-control" type="text">
		                </div>
		            </div>
	        	</div>
	        	<div class="col-sm-6">
	        		<div class="form-group">    
		                <label class="col-sm-3 control-label ">站点风格：</label>
		                <div class="col-sm-8">
		                    <input name="appStyle" class="form-control" type="text">
		                </div>
		            </div>
	        	</div>
        	</div>
        	<div class="row">
	        	<div class="col-sm-6">
	        		<div class="form-group">    
		                <label class="col-sm-3 control-label ">关键字<a  data-toggle="tooltip" title="<h4>提示</h4><p>{cms:global.keyword}</p>" data-html="true" data-trigger="hover" data-container = "body"><i class="fa fa-question-circle"></i></a>：</label>
		                <div class="col-sm-8">
		                    <textarea name="appKeyword" class="form-control"></textarea>
		                </div>
		            </div>
	        	</div>
	        	<div class="col-sm-6">
	        		<div class="form-group">    
		                <label class="col-sm-3 control-label ">版权信息<a  data-toggle="tooltip" title="<h4>提示</h4><p>{cms:global.copyright}</p>" data-html="true" data-trigger="hover" data-container = "body"><i class="fa fa-question-circle"></i></a>：</label>
		                <div class="col-sm-8">
		                    <textarea name="appCopyright" class="form-control"></textarea>
		                </div>
		            </div>
	        	</div>
        	</div>
        	
            <h4 class="form-header h4">其他信息</h4>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-2 control-label">描述<a  data-toggle="tooltip" title="<h4>提示</h4><p>{cms:global.descrip}</p>" data-html="true" data-trigger="hover" data-container = "body"><i class="fa fa-question-circle"></i></a>：</label>
                        <div class="col-xs-10">
                            <textarea name="appDescription" class="form-control"></textarea>
                        </div>
                    </div>
                </div>
            </div>
                 
        </form>
    </div>
    
    <div class="row">
        <div class="col-sm-offset-5 col-sm-10">
            <button type="button" class="btn btn-sm btn-primary" onclick="submitHandler()"><i class="fa fa-check"></i>保 存</button>&nbsp;
            <button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button>
        </div>
    </div>
    
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
    <script th:inline="javascript">
        var prefix = ctx + "cms/app"
        $("#form-app-add").validate({
            focusCleanup: true
        });

        function submitHandler() {
            if ($.validate.form()) {
                $.operate.save(prefix + "/add", $('#form-app-add').serialize());
            }
        }

        $(function(){
        	$('[data-toggle="tooltip"]').tooltip(); 
        });
    </script>
</body>
</html>